<template>
  <el-pagination
    class="z-pagination"
    :layout="layout"
    :page-sizes="pageSizes"
    :prev-icon="prevIcon"
    :next-icon="nextIcon"
  >
  </el-pagination>
</template>

<script lang="ts" setup>
import SvgIcon from '@/icons/svg-icon/index.vue'

withDefaults(defineProps<import('./type').Props>(), {
  layout: 'total, sizes, prev, pager, next, jumper',
  pageSizes: () => [10, 25, 50, 100, 200, 400]
})

const prevIcon = h(SvgIcon, {
  name: 'pag-prev'
})

const nextIcon = h(SvgIcon, {
  name: 'pag-next'
})
</script>

<style lang="scss">
@use './style.scss';
</style>
